<?php
use yii\helpers\Html;
?>

  <style>
    .aboutUs {
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      overflow: hidden;
      padding: 45px 0 55px 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .content {
      height: 100%;
      width: 100%;
      overflow-x: hidden;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;

    }
  </style>
</head>
<body>

  <div class="aboutUs weui_tab index ">

    <div class="weui_navbar topFixed"><a style="color:black;" href="<?php echo Yii::$app->request->getReferrer();?>"><i class="iconfont icon-return"></i></a><span class="navTt">关于我们</span><a href="/"><i style="color:black" class="iconfont icon-home"></i></a></div>

    <div class="content">
      <img src="http://static.tianpinwang.com.cn/v1/mobile/images/aboutUs.jpg" alt="" class="areaImge">

      <div class="weui_tab">
        <div class="weui_navbar">
         <?php foreach ($post as $key => $value): ?>
          <a class="weui_navbar_item"  href="#aboutTab<?=$value->id?>"><?= Html::encode($value->title)?></a>
        <?php endforeach ?>
        </div>
        <div class="weui_tab_bd content-pad">
        <div class="weui_tab_bd_item weui_tab_bd_item_active" id="aboutTab26?>">
           <?= \yii\helpers\HtmlPurifier::process(strip_tags($article->content,'<p><br><img>'))?>
        </div>
       <?php foreach ($post as $key => $value): ?>
        <div class="weui_tab_bd_item" id="aboutTab<?=$value->id?>">
            <?= \yii\helpers\HtmlPurifier::process(strip_tags($value->content,'<p><br><img>'))?>
          </div>
        <?php endforeach ?>
        </div>
      </div>

    </div>

    <div class="weui_tabbar">
      <a href="/" class="weui_tabbar_item">
        <div class="weui_tabbar_icon">
          <img src="http://static.tianpinwang.com.cn/v1/mobile/images/shouye.png" alt="" class="notCur">
          <img src="http://static.tianpinwang.com.cn/v1/mobile/images/shouye_cur.png" alt="" class="current">
        </div>
        <p class="weui_tabbar_label">首页</p>
      </a>
      <a href="/category" class="weui_tabbar_item">
        <div class="weui_tabbar_icon">
          <img src="http://static.tianpinwang.com.cn/v1/mobile/images/fenlei.png" alt=""  class="notCur">
          <img src="http://static.tianpinwang.com.cn/v1/mobile/images/fenlei_cur.png" alt="" class="current">
        </div>
        <p class="weui_tabbar_label">分类</p>
      </a>
      <a href="/index/about" class="weui_tabbar_item weui_bar_item_on">
        <div class="weui_tabbar_icon">
          <img src="http://static.tianpinwang.com.cn/v1/mobile/images/guanyu.png" alt=""  class="notCur">
          <img src="http://static.tianpinwang.com.cn/v1/mobile/images/guanyu_cur.png" alt="" class="current">
        </div>
        <p class="weui_tabbar_label">关于添品网</p>
      </a>
    </div>

  </div>

<div class="fixedTotop"></div>
<script>
  $(function(){

    $('#aboutTab30 p img').attr('style','width:100%');

    var $height=$(window).height();
    $(".swiper-container").swiper({
      loop: true,
      autoplay: 6000
    });



//    $('.index .wetui_tab_bd').css('height',$(window).hdeight());

  });

  $('<div>',{
    'style': 'width: 40px;height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: rgba(0,0,0,0.7);'+
    'position: fixed;bottom: 120px;right: 15px;text-align: center',
    'id': 'fixPhone'
  }).html('<a href="tel: <?= $this->params['w_config']['contact_tel'] ?>"><img src="http://static.tianpinwang.com.cn/v1/mobile/images/fixedTel.png" style="margin-top: 6px;width: 68%;"/></a>').appendTo("body");

  $('<div>',{
    'style': 'width: 40px;height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: rgba(0,0,0,0.7);'+
    'position: fixed;bottom: 60px;right: 15px;text-align: center',
    'id': 'fixTotop'
  }).html('<img src="http://static.tianpinwang.com.cn/v1/mobile/images/fixedTotop.png" style="margin-top: 8px;width: 38%;"/>').appendTo("body");

  $('#fixTotop').click(function(){
//    alert($('.weui_tab_bd_item.weui_tab_bd_item_active').scrollTop(100));
    $('.content').animate({scrollTop: 0},100);
  })
</script>
